<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>动态列表</title>
</head>
<body>
     <!-- 头部 -->
     <header class="head df jcc">
        <div class="head_box df jcsb aic">
              <h4 class="head_hn">动态列表</h4>
            <a href="#" class="head_box_span ">添加动态&nbsp;+</a>
        </div>
    </header>
    <!-- 推荐 -->
     <section class="Recommend df jcc">
        <div class="Recommend_min">
            <div class="Recommend_hn"><h5>推荐课程</h5></div>
              <div class="Recommend_box df fdc">
                <!--  图片-->
                 <div class="Recommend_img2"></div>
                  <!-- 文字 -->
               <div class="Recommend_tex"></div>
              </div>
            
            </div>
     </section>
     <!-- 用户名 -->
     <section class="consumer df jcc">
           <div class="consumer_box"> 
            <!-- 头部 -->
               <div class="consumer_top df ">
                <!-- 左侧 -->
                    <div class="consumer_top_soue"></div>
                      <!-- 左侧第二个 -->
                    <div class="consumer_top_soue2 df fdc jcc">
                        <p>用户名</p>
                        <p><span>xxx省</span>,<span>xxx市</span></p>
                    </div>
                   <!-- 图片区域 -->
 
               </div>
                 <!-- 文字  -->
               <div class="consumer_tex">
                
               </div>
               <!-- 图片 -->
               <ul class="consumer_ul df jcsb ">
                <li>1</li>
                <li>1</li>
                <li>1</li>
                <li>1</li>
                <li>1</li>
                <li>1</li>
               </ul>
           </div>
     </section>
     <section class="consumer df jcc">
        <div class="consumer_box"> 
         <!-- 头部 -->
            <div class="consumer_top df ">
             <!-- 左侧 -->
                 <div class="consumer_top_soue"></div>
                   <!-- 左侧第二个 -->
                 <div class="consumer_top_soue2 df fdc jcc">
                     <p>用户名</p>
                     <p><span>xxx省</span>,<span>xxx市</span></p>
                 </div>
                <!-- 图片区域 -->

            </div>
              <!-- 文字  -->
            <div class="consumer_tex">
             
            </div>
            <!-- 图片 -->
            <ul class="consumer_ul df jcsb ">
             <li>1</li>
             <li>1</li>
             <li>1</li>
             <li>1</li>
             <li>1</li>
             <li>1</li>
            </ul>
        </div>
  </section>
</body>
</html>